slide menu

slide menu精品文章

• 

  教程—炫目的Off-Canvas滑动导航

  ... if (false == $(this).next().is(:visible)) { $(#toggle ul).slideUp(); } var $currIcon=$(this).find(span.the-btn); $(span.the-btn).not($currIcon).addClass(fa-plus).removeCl...

  ephererid 2019-08-22 10:55 评论0 收藏0
• 

  干货--手把手撸vue移动UI框架：侧边菜单

  ... left:0; top:0; width:100%; height:100%; overflow: hidden; } .r-slide-menu{ @include one-screen; &-wrap, &-content{ @include one-screen; } &-transition{ -webkit-transitio...

  bergwhite 2019-08-22 15:11 评论0 收藏0
• 

  twitter-blog-vue中部导航栏

  ... 50%; margin-top: -70px; border: 6px solid #ffffff; } .slide-fade-enter-active { transition: all 0.4s ease; } .slide-fade-leave-active { transition: all 0.1s...

  xavier 2019-08-02 15:38 评论0 收藏0
• 

  CSS3热身实战--过渡与动画（实现炫酷下拉，手风琴，无缝滚动）

  ... title 4 content4. css代码如下 .demo-slide-tab { width: 500px; margin: 0 auto; } .demo-slide-tab ul { width: 100%; margin: 0; ...

  zqhxuyuan 2019-08-29 13:03 评论0 收藏0
• 

  js 3D旋转效果

  ...ght: 100%; } .container .top .right .swiper-container .swiper-slide { position: relative; } .container .top .right .swiper-container .swiper-slide h4 { fon...

  番茄西红柿 2019-04-23 11:54 评论0 收藏0
• 

  css 命名 分类排序方法

  ... logo logo广告 advertise ad搜索 search sch幻灯 slide sld提示 tips tips帮助 help help新闻 news news下载 download dld注册 regist reg投票 vote vote版权 copyr...

  saucxs 2019-08-29 12:32 评论0 收藏0
• 

  提升体验-支持Chrome Custom Tabs

  ...内容的协调性和一致性。 builder.setStartAnimations(this, R.anim.slide_in_right, R.anim.slide_out_left); builder.setExitAnimations(this, R.anim.slide_in_left, R.anim.slide_out_right); 预热Chrome，提高页面加载速度 默认情况下，当 ...

  张汉庆 2019-08-14 17:09 评论0 收藏0
• 

  基于Vue.js 2.x系列 + Element UI + RBAC/AUTH权限 的响应式后台管理

  ...样式，放在 base.scss 下面 // 左侧导航栏的折叠后的样式 .slide-hide { .el-menu--collapse { .el-submenu { .el-submenu__title { span { height: 0; ...

  AlexTuan 2019-06-28 18:49 评论0 收藏0
• 

  css书写规范

  ... log 标志 logo logo 广告 advertise ad 搜索 search sch 幻灯 slide sld 提示 tips tips 帮助 help help 新闻 news news 下载 download dld 注册 regist reg 投票 vote vote 版权 vcopyright cprt 结果 result r...

  young.li 2019-08-29 15:19 评论0 收藏0
• 

  iView2 来了，全面支持 Vue.js 2.x

  ...更名为 name Carousel 废弃 activeIndex，使用 v-model，v-for=n in slides.length,Vue2的数字循环，是从1开始的 Tree 废弃 data，改为 value，使用 v-model，key 更名为 name，不能再 template 的prop 上使用 this Circle 改名为 iCircle Tabs 废弃 activeKey，...

  YFan 2019-08-21 11:34 评论0 收藏0
• 

  无缝轮播

  ...和学习的不同状态 1无缝轮播 let $btns = $(#btns>button); let $slides = $(#slides); let current = 0;//当前图片元素的index值 let $imgs = $slides.children(img); makeFakeImg();//克隆假的图片,并放到应有的位置上 $slides.css({transform:tra...

  xiaochao 2019-08-23 10:24 评论0 收藏0